<template>
	<view>
		<!-- 个人资料 -->

		<view class="update-zl">
			<view class="item-list-div">
				<view class="left-class">
					<img src="../../static/ioc/youjiangtuo.png">
					<!--标题-->
					<spane class="bt-class">
						头像
					</spane>
				</view>

				<view class="img-avtice-class">
					<img
						src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fup.enterdesk.com%2Fedpic%2Feb%2F24%2Fd5%2Feb24d54a0c4e1f174a7a4922aaa28454.jpg&refer=http%3A%2F%2Fup.enterdesk.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1649743435&t=3b07304feb98db1a721c21256430a18b">
				</view>
				<view class="btonnt-class">

				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>
	.bt-class {
		position: relative;
		left: 30px;
		top: 20px;
		font-size: 15px;
		color: #7f7f7f;
	}

	.btonnt-class {
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 0.5px;
		background-color: #d1d1d1;
	}

	.left-class img {
		position: relative;
		width: 15px;
		height: 15px;
		top: 20px;
		left: 10px;
	}

	.left-class {
		position: absolute;
		text-align: center;
		left: 0;
	}

	.img-avtice-class img {
		position: absolute;
		width: 60px;
		height: 60px;
		right: 0;
		border-radius: 50%;
	}

	.img-avtice-class {
		position: relative;
	}

	.update-zl {
		position: relative;
		width: 100%;
		/* height: 100%; */
	}

	.item-list-div {
		position: relative;
		width: 100%;
		margin-top: 10px;
		height: 80px;
	}
</style>
